<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="http://7xkzac.com2.z0.glb.qiniucdn.com/fahailogo.png" type="image/x-icon"/>

    <title>FAHAI-CMS</title>

    <!-- Bootstrap core CSS -->
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="/assets/css/dashboard.css" rel="stylesheet">

</head>

<body>
<jsp:include page="title_bar.jsp"/>
<div class="container-fluid">
    <div class="row">
        <jsp:include page="left_bar.jsp"/>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            <h1 class="page-header">财务管理</h1>
            <form>

                <div style="margin: 20px;">
                    <ul>

                        <li>
                            <label for="userName">律师姓名</label>
                            <input type="text" class="" id="userName" placeholder="客户姓名">
                        </li>

                        <li>
                            <label for="userPhone">律师手机号</label>
                            <input type="text" class="" id="userPhone" placeholder="客户手机号">
                        </li>

                        <li>

                            <label for="">律师服务地区</label>
                            <input type="text" class="" id="" placeholder="省">
                            <input type="text" class="" id="" placeholder="地级市">
                            <input type="text" class="" id="" placeholder="市/县级市">
                        </li>

                        <li>
                            <label for="">账号创建时间范围</label>
                            <input type="text" class="" id="" placeholder="从">-
                            <input type="text" class="" id="" placeholder="至">
                        </li>

                        <li>
                            <label for="">服务客户数</label>
                            <input type="text" class="" id="" placeholder="从">-
                            <input type="text" class="" id="" placeholder="至">
                        </li>
                        <li>
                            <label for="">擅长领域</label>
                            <input type="text" class="" id="" placeholder="从">-
                            <input type="text" class="" id="" placeholder="至">
                        </li>
                        <li>
                            <label for="">服务平台</label>
                            <input type="text" class="" id="" placeholder="从">-
                            <input type="text" class="" id="" placeholder="至">
                        </li>
                    </ul>

                    <button type="button" class="btn btn-lg btn-primary">清空</button>
                    <button type="button" class="btn btn-lg btn-primary">查询</button>
                </div>
            </form>


            <div class="col-md-12">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th><input type="checkbox"/>
                        </th>
                        <th>姓名</th>
                        <th>手机号</th>
                        <th>服务地区</th>
                        <th>账号创建时间</th>
                        <th>服务客户数(人)<span id="sortbytime">▼</span></th>
                        <th>擅长领域</th>
                        <th>个人优势</th>
                        <th>服务平台</th>
                        <th>社会荣耀</th>
                        <th>当前服务状态
                            <select>
                                <option>全部</option>
                                <option>上线</option>
                                <option>离线</option>
                            </select>
                        </th>
                        <th>账号状态状态
                            <select>
                                <option>全部</option>
                                <option>正常</option>
                                <option>冻结</option>
                            </select>
                        </th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><input type="checkbox"/></td>
                        <td> 令狐冲</td>
                        <td> 13812345678</td>
                        <td> 广西省/桂林市/无名市</td>
                        <td> 2015/04/12</td>
                        <td> 126</td>
                        <td> 婚姻关系/商业合同</td>
                        <td> 我在法院有靠山</td>
                        <td> 共青团维权热线/链家地产</td>
                        <td> 共青团中央公益律师/北京市仲裁委员会仲裁员/法海热线法律服务专家</td>
                        <td> 上线</td>
                        <td> 冻结</td>
                        <td>
                            <button class="btn-primary">编辑</button>
                            <button class="btn-primary">下线</button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <table>
            </table>

            <ul id="pagination-control" class="pagination-sm"></ul>
        </div>
    </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/assets/js/jquery-3.2.1.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/bootstrap-datetimepicker.min.js"></script>
<script src="/assets/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript">
    //<![CDATA[


    //]]>
</script>
</body>
</html>
